<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html 
	xmlns:f="http://java.sun.com/jsf/core" 
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html" 
	xmlns:ui="http://java.sun.com/jsf/facelets"
	>

<f:view contentType="text/html" locale="#currentLocale" />

<h:head>
	<title>#{messages['main.app.title']}</title>
	<h:outputStylesheet library="css" name="styles.css" />
	<h:outputStylesheet library="css" name="main_styles.css" />
</h:head>

<h:body style="background-color:#f1f1f1; margin-top: 0px; margin-left: 0px; margin-right: 0px;">
	<table style="width: 100%; background-color: #007FFF;" align="center" > <!-- 007FFF -->
		<tr>
			<td height="70" align="left">
				<a href="index.jsf" >
					<h:graphicImage value="/images/logo_salao.png" alt="logo" style="border:0px;" />
				</a>
			</td>
			<td>
				<h:form>
					<div class="links" style="color: white;">
						<!--  <h:link outcome="/index" title="Home">
							<h:graphicImage value="/images/home.gif" style="border:0px;"/>
						</h:link>-->
				    	<!-- <span class="separator"> | </span>  -->
				    	<!-- <h:link outcome="/logout.jsf" title="Sair">
				    		<h:graphicImage value="/images/close.png" style="border:0px;"/>
				    	</h:link> -->
					</div>
				</h:form>
			</td> 
		</tr>
		
	</table>
	<table style="width: 100%; empty-cells: show">
		<tr>
			<td height="auto" width="330px" id="td_menu" style="min-height:30px; vertical-align:top;">
				<div id="switch" >
					<ui:include src="/menu.xhtml" />
				</div>
			</td>
			<td class="td_side_nav" onClick="switchMenu()" >
				<div class="side_nav" id="td_switch_right" ></div>
			</td>
			<td height="auto" width="100%" valign="top" ><ui:insert name="body" /></td>
		</tr>
	</table>
	<table style="width: 100%">
		<tr align="center">
			 <td height="20" align="center" class="text-input"><!-- #{messages['main.footer.text']}  --></td>
		</tr>
	</table>
	
<!-- 	<p:notificationBar id="notifications" position="top" effect="slide" style="text-indent:10%" widgetVar="notes"> -->
<!-- 		<br/> -->
<!-- 		<h:outputText value="Sua sessão expirou! Por favor, saia do sistema e efetue o login novamente." style="font-size:30px;color:#2779AA;text-indent:10%"/> -->
<!-- 	</p:notificationBar> -->
	
	<p:idleMonitor timeout="410000" onidle="notes.show()" onactive="notes.hide()"/>

	<p:ajaxStatus style="width:16px;height:16px;">
		<f:facet name="start">
		</f:facet>

		<f:facet name="complete">
			<h:outputText value="" />
		</f:facet>
	</p:ajaxStatus>
	<h:outputScript library="js" name="main.js" />
	<h:outputScript library="js" name="expand_collapse_different_directions.js" />
	
</h:body>
</html>